// document.getElementById("")
// document.getElementsByTagName("div");

// document.querySelector("div")
// document.querySelectorAll("div")
// document.getElementsByTagName("form");
// document.forms

// document.images
// document.getElementsByTagName("img")
// document.body
// document.getElementsByTagName("body")

// $("div #box ul")
window.onload = function(){
  //1.元素操作
  // var p =document.getElementsByTagName("p")[0];
  // p.innerHTML = "这是一个段落";
  // console.log( p.attributes);
  // // console.log(p.getAttribute("class"));
  // var str = p.getAttribute("class");
  // var arr = str.split(" ");
  // for(i in arr){
  //   this.console.log(arr[i]);
  // }
  // p.removeAttribute("id");
  // p.setAttribute("style","color:red;");
  // p.style.backgroundColor = "blue";
  // this.console.log(p.classList);
  // this.console.log(p.classList.item(0));

  //2.节点操作
  // var ele  = this.document.getElementsByClassName("wrap")[0];
  // this.console.log(ele.childNodes)
  // this.console.log(ele.firstChild.nodeType);
  // this.console.log(ele.lastChild.nodeValue);

  //3.节点追加
  var div = this.document.createElement("div");
  var text  = this.document.createTextNode("这是一个div");
  
  div.appendChild(text);
  this.document.body.appendChild(div);
  var attr  = this.document.createAttribute("id");
  attr.value = "wrap";
  div.setAttributeNode(attr);
  div.setAttribute("class","box");
  div.parentNode
}
 
